<template>
    <mt-tabbar :selected.sync="selected" fixed>
    <mt-tab-item>
        <router-link to='/home'>
        <span class="myicon myicon-user"></span>
        <p>首页</p>
        </router-link>
    </mt-tab-item>
    <mt-tab-item >
        <router-link to='/category'>
        <span class="myicon myicon-user"></span>
        <p>分类</p>
        </router-link>
    </mt-tab-item>
    <mt-tab-item>
        <router-link to='/cart'>
        <span class="myicon myicon-user"></span>
        <p>购物车</p>
        </router-link>
    </mt-tab-item>
    <mt-tab-item>
        <router-link to='/user'>
        <span class="myicon myicon-user"></span>
        <p>用户中心</p>
        </router-link>
    </mt-tab-item>
    </mt-tabbar>
</template>
<script>
export default {
  data () {
    return {
      selected: ''
    }
  }
}
</script>
<style scoped>
 .isActive{
  color:red;
}
</style>
